<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" sizes="32*32" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/index.css">
    <title>圣遗物胚子评分计算器</title>
</head>

<body>
    <div class="main">
        <div class="info">
            <div class="title">圣遗物胚子评分计算器</div>
            <div class="author">
                <span class="page">
                    <nobr class="authorName">@薛宋官</nobr>
                    <a href="https://gitee.com/meltryllis_ccc/genshin-artifacts-mark"><img style="overflow:hidden;"
                            src="https://gitee.com/favicon.ico" width="15" height="15"></a>
                </span>
            </div>
            <div class="come"><a href="https://bbs.nga.cn/read.php?tid=26432895">[评分系统设计 NGA@meacca]</a></div>
        </div>
        <hr />
        <div class="calc">
            <div>
                <span>请选择角色:</span>
                <select id="characters" onchange="showRoles(this.options[this.options.selectedIndex].value)">
                    <option value=""></option>
                </select>
                <div id="roles" style="font-weight: bold;">角色定位:</div>
            </div>
            <div>
                <span>请选择圣遗物部件:</span>
                <span style="color:red;margin: 0;">*</span>
                <select id="artifats" onchange="ShowMainEntry(this.options[this.options.selectedIndex].value)">
                    <option value=""></option>
                    <option value="生之花">生之花</option>
                    <option value="死之羽">死之羽</option>
                    <option value="时之沙">时之沙</option>
                    <option value="空之杯">空之杯</option>
                    <option value="理之冠">理之冠</option>
                </select>
            </div>
            <div>
                <span>请选择主词条</span>
                <span style="color:red;margin: 0;">*</span>
                <select id="mainEntry" onchange="">
                    <option value=""></option>
                </select>
            </div>
            <div>
                <span>请选择副词条</span>
                <div>
                    <span>副词条1:</span>
                    <span style="color:red;margin: 0;">*</span>
                    <select id="Secondary1" onchange="">
                        <option value=""></option>
                        <option value="暴击率">暴击率</option>
                        <option value="暴击伤害">暴击伤害</option>
                        <option value="攻击%">攻击%</option>
                        <option value="生命%">生命%</option>
                        <option value="防御%">防御%</option>
                        <option value="元素充能">元素充能</option>
                        <option value="元素精通">元素精通</option>
                        <option value="攻击力">攻击力</option>
                        <option value="生命值">生命值</option>
                        <option value="防御力">防御力</option>
                    </select>
                </div>
                <div>
                    <span>副词条2:</span>
                    <span style="color:red;margin: 0;">*</span>
                    <select id="Secondary2" onchange="">
                        <option value=""></option>
                        <option value="暴击率">暴击率</option>
                        <option value="暴击伤害">暴击伤害</option>
                        <option value="攻击%">攻击%</option>
                        <option value="生命%">生命%</option>
                        <option value="防御%">防御%</option>
                        <option value="元素充能">元素充能</option>
                        <option value="元素精通">元素精通</option>
                        <option value="攻击力">攻击力</option>
                        <option value="生命值">生命值</option>
                        <option value="防御力">防御力</option>
                    </select>
                </div>
                <div>
                    <span>副词条3:</span>
                    <span style="color:red;margin: 0;">*</span>
                    <select id="Secondary3" onchange="">
                        <option value=""></option>
                        <option value="暴击率">暴击率</option>
                        <option value="暴击伤害">暴击伤害</option>
                        <option value="攻击%">攻击%</option>
                        <option value="生命%">生命%</option>
                        <option value="防御%">防御%</option>
                        <option value="元素充能">元素充能</option>
                        <option value="元素精通">元素精通</option>
                        <option value="攻击力">攻击力</option>
                        <option value="生命值">生命值</option>
                        <option value="防御力">防御力</option>
                    </select>
                </div>
                <div>
                    <span>副词条4:</span>
                    <span style="color:red;margin: 0;">*</span>
                    <select id="Secondary4" onchange="">
                        <option value=""></option>
                        <option value="无">无</option>
                        <option value="暴击率">暴击率</option>
                        <option value="暴击伤害">暴击伤害</option>
                        <option value="攻击%">攻击%</option>
                        <option value="生命%">生命%</option>
                        <option value="防御%">防御%</option>
                        <option value="元素充能">元素充能</option>
                        <option value="元素精通">元素精通</option>
                        <option value="攻击力">攻击力</option>
                        <option value="生命值">生命值</option>
                        <option value="防御力">防御力</option>
                    </select>
                </div>
            </div>
            <div>
                <button onclick="getMark()">计算得分</button>
                <span id="error" style="color: red; display: none;">请先选择词条！</span>
            </div>
            <div>
                <div>
                    <table id="markTable" border="1" style="margin: auto;width: 300px;">
                        <tr>
                            <th colspan="2">胚子得分表</th>
                        </tr>
                        <tr>
                            <td><b>角色定位</b></td>
                            <td><b>得分</b></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/index/CharactersSelect.js"></script>
<script src="./js/index/MainEntrySelect.js"></script>
<script src="./js/index/GetMark.js"></script>
<script src="./js/index/markExcel.js"></script>
</html>